@import './color';

$vxe-primary-color: getColor($Brand, 10);
@import 'vxe-table/styles/cssvar.scss';

// table样式重写
.vxe-header--column {
  font-weight: 500;
  color: #3c485c;
}
.vxe-table--render-default {
  color: #3c485c;
}
.vxe-table--render-default.border--full .vxe-body--column {
  background-image: linear-gradient(#ecf3f5, #ecf3f5), linear-gradient(#ecf3f5, #ecf3f5);
}
.vxe-table--render-default.border--inner .vxe-table--header-wrapper,
.vxe-table--render-default.border--none .vxe-table--header-wrapper {
  background-color: #f6faf8;
}
.vxe-table--render-default.border--default .vxe-table--header-wrapper {
  background-color: #f6faf8;
}
.vxe-table--render-default .vxe-body--row.row--hover {
  background-color: var(--fok-color-table-selected);
}
.vxe-table--render-default .vxe-body--row.row--hover.row--stripe {
  background-color: var(--fok-color-table-selected);
}
.vxe-table--render-default .vxe-body--row.row--hover.row--current {
  background-color: var(--fok-color-table-selected);
}
.vxe-table--render-default .vxe-body--row.row--stripe {
  background-color: getColor($Link, 1);
}
.vxe-table--render-default .vxe-body--row.row--current {
  background-color: var(--fok-color-table-selected);
}
.vxe-table--render-default {
  .vxe-body--row {
    .show-hover {
      display: none;
    }
    &.row--hover {
      .show-hover {
        display: inline;
      }
      .none-hover {
        display: none;
      }
    }
  }
}
// 使用 rowConfig.height 控制
// .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,
// .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,
// .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,
// .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column {
//   height: 32px;
// }
// table下的switch字体减小
.vxe-table--render-default .vxe-body--row .ant-switch-small .ant-switch-inner {
  transform: scale(0.9);
}
// table下的select宽度撑满
.vxe-table--render-default .vxe-body--column > .vxe-cell > .ant-select {
  width: 100%;
}

.vxe-table--header {
  .radio-header {
    .vxe-cell {
      padding: 0 5px;
      text-align: center;
    }
  }
}

// table工具栏右侧按钮
.vxe-toolbar {
  .vxe-button {
    &.is--circle {
      border: 0;
      padding: 0;
      margin-left: 0;
      font-size: 16px;
      color: #141414;
      &:hover {
        color: var(--ant-primary-color-hover);
      }
    }
  }
  .vxe-custom--wrapper {
    margin-left: 0;
  }
  .vxe-tools-right-custom--operate {
    display: flex;
    align-items: center;
  }
  .vxe-tools--operate {
    display: none;
  }

  .ant-input-search {
    .ant-input {
      height: var(--ant-height-base);
      line-height: var(--ant-height-base);
    }
  }
}

// table.form下select设置最小宽度
.vxe-grid--form-wrapper .ant-select {
  min-width: 150px;
}
.vxe-grid--form-wrapper .ant-form-item {
  padding-top: 10px;
}
.vxe-grid--form-wrapper .ant-form-item-label {
  width: inherit !important;
}

// table下badge字体大小
.vxe-cell .ant-badge-status-text {
  font-size: 12px;
  margin-left: 4px;
}

.vxe-table--render-default .vxe-body--column > .vxe-cell > .ant-space {
  align-items: baseline;
}

// 开关
.vxe-cell .ant-switch-small {
  vertical-align: text-bottom;
}

$modal-gutter: 15px;

.vxe-modal--header {
  .vxe-modal--header-title {
    padding-left: $modal-gutter;
    color: var(--fok-title-color);
  }
  .vxe-modal--header-right {
    padding-right: $modal-gutter;
  }
}

.vxe-modal--body {
  .vxe-modal--content {
    padding: $modal-gutter;
  }
  & + .vxe-modal--footer {
    padding: $modal-gutter;
  }
}

.vxe-checkbox--icon {
  &.vxe-icon-checkbox-indeterminate,
  &.vxe-icon-checkbox-checked {
    &::before {
      color: var(--ant-primary-color) !important;
    }
  }
}

// 复选框禁用状态
.is--disabled {
  .vxe-icon-checkbox-unchecked::before {
    content: "\e8d9";
    color: #EBEDF1 !important;
  }
}

.vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
  box-shadow: none;
}

.has-setttins-icon.col--right {
  .vxe-cell--title {
    padding-right: 10px;
  }
}

.vxe-table.is--header.is--group tr.vxe-header--row th {
  height: 24px;
}

.ant-drawer-body,
.vxe-modal--content {
  .fok-form-layout {
    padding: 0;
  }
  .fok-form-layout .formlayout-group {
    padding: 0;
  }
}
